import React,{Component} from 'react'
import {
  NavBar,
  WingBlank,
  List,
  InputItem,
  WhiteSpace,
  Button
} from 'antd-mobile'

import Logo from '../../components/logo/logo'

// const ListItem = List.Item

export default class login extends Component{
    
    render(){
        return(
            <div>
                <NavBar>硅&nbsp;谷&nbsp;直&nbsp;聘</NavBar> 
                <Logo/>
                <WingBlank>
                <List>

                <WhiteSpace/>
                <InputItem placeholder='请输入用户名'>用户名:</InputItem>
                <WhiteSpace/>
                <InputItem placeholder='请输入密码' type="password" >密&nbsp;&nbsp;&nbsp;码:</InputItem>
                <WhiteSpace/>

                <Button type='primary'>登&nbsp;&nbsp;&nbsp;陆</Button>
                <WhiteSpace/>
                <Button>还没有账户</Button>
                </List>
                </WingBlank>
            </div>
        )
    }
}

// return (
//     <div>
//       <NavBar>硅&nbsp;谷&nbsp;直&nbsp;聘</NavBar>
//       <Logo/>
    //   <WingBlank>
    //     <List>
    //       {msg ? <div className='error-msg'>{msg}</div> : null}
    //       <WhiteSpace/>
    //       <InputItem placeholder='请输入用户名' onChange={val => {this.handleChange('username', val)}}>用户名:</InputItem>
    //       <WhiteSpace/>
    //       <InputItem placeholder='请输入密码' type="password" onChange={val => {this.handleChange('password', val)}}>密&nbsp;&nbsp;&nbsp;码:</InputItem>
    //       <WhiteSpace/>

    //       <Button type='primary' onClick={this.login}>登&nbsp;&nbsp;&nbsp;陆</Button>
    //       <WhiteSpace/>
    //       <Button onClick={this.toRegister}>还没有账户</Button>
    //     </List>
    //   </WingBlank>
//     </div>
//   )
// }
// }

// import React, {Component} from 'react'
// import {
//   NavBar,
//   WingBlank,
//   List,
//   InputItem,
//   WhiteSpace,
//   Button
// } from 'antd-mobile'
// import {connect} from 'react-redux'
// import {Redirect} from 'react-router-dom'

// import {login} from '../../redux/actions'

// import Logo from '../../components/logo/logo'

// const ListItem = List.Item

